// 使用jquery来简化JS的代码,其中：$(function(){})用来代替onload事件句柄
// onload：页面中元素加载完成之后才执行这个方法里面的代码
$(function (){
    // 登陆发出请求
    $(".btn").on("click",function(){
        loginOrRegister("login")
    })

    $(".register").on("click",function(){
        loginOrRegister("register")
    })
    // 注册发出请求，检测是否有权限

    //页面跳转
    loginOrRegister = function(param){
        //具体处理事件的内容
        const username = $(":text").val();
        const password = $(":password").val();

        if(username=="" || password==""){
            confirm("请先完成登录信息填写")
        }else{
            $.ajax({
                url:"/Shop/roleJudge",
                type:"post",
                data:{"username":username,"password":password},
                dataType:"text",
                error: function (jqXHR, textStatus, errorThrown) {
                    /*弹出jqXHR对象的信息*/
                    alert(jqXHR.responseText);
                    alert(jqXHR.status);
                    alert(jqXHR.readyState);
                    alert(jqXHR.statusText);
                    /*弹出其他两个参数的信息*/
                    alert(textStatus);
                    alert(errorThrown);
                },
                success:function(response){
                    //先将其转为json格对象

                    const responseContent = response.toString()
                    const loginName = responseContent.split(",")[0].substr(12,responseContent.length-11)
                    const role = responseContent.split(",")[1].substr(8,responseContent.length-7)
                    if(param=="login"){
                        window.location.href="/Shop/MainInterface/MainInterface.jsp?loginName="+loginName+"&role="+role
                    }
                    if(param=="register"){
                        //判断用户角色，从而决定是否可以注册
                    }
                }
            })
        }

    }
})
